<template>
  <div class="exportDoctor">
    <div class="flexLeft">
      <div><el-checkbox v-model="checkArr.id">医生编号</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.gender">医生性别</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.leave">罗慕认证</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.date">创建时间</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.clinicName">所在诊所</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.typeCode">医生职称</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.practiceYear">医生工龄</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.doctorName">医生姓名</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.professional">医生背景</el-checkbox></div>
      <div><el-checkbox v-model="checkArr.tags">医生标签</el-checkbox></div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      checkArr: {
        id: false,
        gender: false,
        leave: false,
        date: false,
        clinicIdList: false,
        typeCode: false,
        practiceYear: false,
        doctorName: false,
        professional: false,
        tags: false
      }
    };
  },
  methods: {
    exportDataFun() {
      const arr = [];
      for (const key in this.checkArr) {
        if (this.checkArr[key]) {
          arr.push(key);
        }
      }
      return arr;
    }
  }
};
</script>

<style scoped lang='scss'>
.exportDoctor {
  .flexLeft {
    flex-wrap: wrap;
    > div {
      width: 25%;
      text-align: center;
      padding: 18px 0;
    }
  }
}
</style>
